/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/


.jssorb05 {
    position: absolute;
    bottom:16px;right:16px;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider arrow navigator skin 22 css */
/*
.jssora22l                  (normal)
.jssora22r                  (normal)
.jssora22l:hover            (normal mouseover)
.jssora22r:hover            (normal mouseover)
.jssora22l.jssora22ldn      (mousedown)
.jssora22r.jssora22rdn      (mousedown)
*/
.jssora22l, .jssora22r {
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    cursor: pointer;
    overflow: hidden;
}
.jssora22l { top:0px;left:20px; }
.jssora22r { top:0px;right:20px; }

.jssora22l span
{ 
display:block;
position: absolute;
top: 39px;
right: 32px;
width: 20px;
height: 20px;
border-top: 3px solid #ddd;
border-left: 3px solid #ddd;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(-45deg);
}
.jssora22r span 
{ 
display:block;
position: absolute;
top: 39px;
left: 33px;
width: 20px;
height: 20px;
border-bottom: 3px solid #ddd;
border-right: 3px solid #ddd;
content: "";
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}



.jssorFrame { position: relative; margin:0px auto 0px auto; top: 0px; left: 0px; width: 1300px; height: 385px; overflow: hidden; visibility: hidden; }
.Loading { position: absolute; top: 0px; left: 0px; }
.Loading1 { filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; }
.Loading2 { position:absolute;display:block;background:url('loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%; }
.jssorSlide { cursor: default; position: relative; top: 0px; left: 0px; width: 1300px; height: 385px; overflow: hidden; }
.jssorSlide div {  }
.JssorProto { width:16px;height:16px; }